<template>
  <div class="header_container">
    <div class="header_left">
      <span class="iconfont icon-fanhui"></span>
    </div>
    <div class="header_search">
      <span class="iconfont icon-sousuo">输入城市/景点/游玩主题</span>
    </div>
    <div class="header_right">
      北京
      <span class="iconfont icon-jiantouarrow486"></span>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style  scoped>
.header_container {
  background-color: rgb(71, 181, 209);
  display: flex;
  line-height: 1rem;
  width: 100%;
}
.header_container .header_left {
  flex: 1;
  padding-left: 0.25rem;
}
.header_container .header_search {
  flex: 5;
  background-color: #fff;
  line-height: 0.8rem;
  margin: 0.1rem 0;
  border-radius: 0.1rem;
  padding: 0 0.25rem;
  color: #e4e7ea;
}
.header_container .header_search span {
  font-size: 0.25rem;
  padding: 0 0.1rem;
}
.header_container .header_right {
  flex: 2;
  padding: 0 0.25rem;
  font-size: 0.05rem;
  display: flex;
  justify-content: center;
}
</style>
